/* 顶部导航栏布局 */
.html-header {
	width: 100%;
	background-color: #2e2828;
	height: 36px;
	line-height: 35px;
}

.html-header-content {
	width: 1200px;
	margin: 0 auto;
}

.html-header-content a {
	color: #afafaf;
	font-size: 12px;
	cursor:pointer;

}

.html-header-content li {
	padding: 0 10px;
	position: relative;
}

.html-header-content-r {
	padding-right: 60px;
}


.html-header-content-l li:first-child:before {
	content: none;
}

.html-header-content-r li:first-child:before {
	content: none;
}

.l-more-wonder-h {
	padding: 0px 12px 0px 10px;
}

.l-more-wonder-h a,
.r-service-h a,
.r-webnav-h a,
.r-mobile-h a {
	padding-right: 15px;
}

.html-header-content-r li:last-child {

	background-color: #424242;
}
.l-more-wonder,
.r-service,
.r-webnav,
.r-mobile,
.r-shopcar{
	margin: 0 -9px;
}
.r-service-h,
.r-webnav-h,
.r-mobile-h,
.r-shopcar-h{
	padding: 0 12px 0 10px;

}

.r-shopcar-h a{
	padding-left: 23px;
}

/* 导航项目间隔小竖条插入 */
.html-header-content li:before {
	content: "";
	width: 1px;
	height: 10px;
	display: block;
	position: absolute;
	top: 13px;
	left: 0px;
	background-color: #414141;
}
/* 下拉箭头插入 */
.l-more-wonder-h>a:before,
.r-service-h>a:before,
.r-webnav-h>a:before,
.r-mobile-h>a:before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-position: -71px 0;
	position: absolute;
	top: 13px;
	right: 5px;
	background-image: url(../../img/header_img/icon-common.png);
	background-repeat: no repeat;
}

/* 购物车前插入图片 */
.r-shopcar-h a:before {
	content: "";
	display: block;
	width: 20px;
	height: 12px;
	background: url(../../img/header_img/icon-common.png) no-repeat;
	background-position: -99px -4px;
	position: absolute;
	top: 13px;
	left: 3px;
	line-height: 12px;
}
	/* 移入变成向上箭头 */
	.l-more-wonder:hover .l-more-wonder-h>a:before,
	.r-service:hover .r-service-h>a:before,
	.r-webnav:hover .r-webnav-h>a:before,
	.r-mobile:hover .r-mobile-h>a:before {
		background-position: -85px 0;
	}
	/* 移入变成红色购物车 */
	.r-shopcar:hover .r-shopcar-h a:before{
		background-position: -119px -4px;
	}
	
	
	/* 移入后字体和背景颜色变化 */
	.html-header-content a:hover {
		color: #fff;
	}	
.l-more-wonder:hover .l-more-wonder-h>a,
.r-service:hover .r-service-h>a,
.r-webnav:hover .r-webnav-h>a,
.r-mobile:hover .r-mobile-h>a,
.r-shopcar:hover .r-shopcar-h>a
{
	color:#CB242B;
	
}
.l-more-wonder:hover,
.r-service:hover,
.r-webnav:hover ,
.r-mobile:hover,
.r-shopcar:hover
{
	background-color: #FFFFFF;
	}
/* 更多精彩下拉菜单 */
	.l-more-wonder-m a{
		color:#777;
	}
	.l-more-wonder-m{
		width:119px;
		background-color: #FFFFFF;
		padding: 6px 0px 12px 0px  ;
		text-align: center;
		line-height: 32px;
		position:absolute;
		display: none;
		top:36px;
		right:0;
		box-shadow: 0 2px 36px 0 rgb(0 0 0 / 7%);
		border-radius: 8px 0 8px 8px;
		z-index: 999;
	}
	.l-more-wonder:hover .l-more-wonder-m{
		display: block;
	}
	.l-more-wonder-m a:hover{
		color:#CB242B;
	}
	
	/* 客户服务下拉菜单 */
	.r-service-m a{
		color:#777;
	}
	.r-service-m{
		width:85px;
		background-color: #FFFFFF;
		padding: 6px 0px 12px 0px  ;
		text-align: center;
		line-height: 32px;
		position:absolute;
		display: none;
		top:36px;
		right:0;
		box-shadow: 0 2px 36px 0 rgb(0 0 0 / 7%);
		border-radius: 8px 0 8px 8px;
		z-index: 999;
	}
	.r-service:hover .r-service-m{
		display: block;
	}
	.r-service-m a:hover{
		color:#CB242B;
	}
	/* 网站导航下拉菜单 */
	
	.r-webnav-m{
		width:893px;
		background-color: #fff;
		line-height: 32px;
		position:absolute;
		display: none;
		top:36px;
		right:0;
		box-shadow: 0 2px 36px 0 rgb(0 0 0 / 7%);
		border-radius: 8px 0 8px 8px;
		padding-top: 20px;
		z-index: 999;
	}
	.r-webnav:hover .r-webnav-m{
		display: block;
	}
	.r-webnav-m a:hover{
		color:#CB242B;
	}
	.r-webnav-m a{
		color:#777;
	}
	.r-webnav-m-l1 span:before{
		content:'';
		display:block;
		background-image: url(../../img/header_img/icon-common.png);
		background-position: -202px 0;
		height:50px;
		width:50px;
	}
	.r-webnav-m-l1 {
		margin:37px 46px 0 49px;
		width:50px;
		text-align: center;
	}
	/* 手机版下拉菜单 */
	.r-mobile-m{
		display: none;
	    position: absolute;
	    top: 36px;
	    right: 0;
	    background: #fff;
	    box-shadow: 0 2px 36px 0 rgb(0 0 0 / 7%);
	    border-radius: 8px 0 8px 8px;
		z-index: 999;
		}
		.r-mobile:hover .r-mobile-m{
			display: block;
		}
		.r-mobile-m a:hover{
			color:#CB242B;
		}
		.r-mobile-m a{
			color:#777;
		}
		.r-mobile-mc {
		    padding-top: 20px;
		    width: 244px;
		}
		.r-mobile-mc-t1 {
		    padding-left: 24px;
		    padding-bottom: 20px;
		    border-bottom: 1px solid #e5e5e5;
		    margin-bottom: 20px;
			}
			.r-mobile-mc-t1 img{
					width: 90px;
				    height: 90px;
				    margin-right: 12px;
			}
			.r-mobile-mc-t1r {
			    line-height: 18px;
			}
		.r-mobile-mc-t1r span{
			width: 32px;
			    height: 32px;
			    display: block;
			    margin-top: 5px;
		}
		.r-mobile-mc-t1r span:before{
			content:'';
			display: block;
			width:30px;
			height:30px;
			background-image: url(../../img/header_img/icon-common.png);
		}
		.r-mobile-mc-t1r-android:before{
			background-position: 0 0;
		}
		.r-mobile-mc-t1r-iphone:before{
			background-position: -38px -113px;
		}
		.r-mobile-mc-t1r-wechat:before{
			background-position: -32px 0;
		}
		.r-mobile-mc-t1r p{
			color: #cb242b!important;
			    line-height: 16px;
		}
		/* 购物车下拉菜单 */
		.r-shopcar-m{
			    width: 460px;
			    text-align: center;
			    padding: 50px 0;
			    line-height: 1;
			    font-size: 14px;
			    color: #a4a4a4;
				display: none;
				position: absolute;
				top: 36px;
				right: 0;
				background: #fff;
				box-shadow: 0 2px 36px 0 rgb(0 0 0 / 7%);
				border-radius: 8px 0 8px 8px;
				z-index: 999;
			}
			.r-shopcar:hover .r-shopcar-m{
				display: block;
			}
	.r-shopcar-m span:before{
		content:'';
		display:block;
		width:100px;
		height:100px;
		background-image: url(../../img/header_img/icon-common.png);
		background-position: -262px 0;
		margin:0 auto;
	}
	.r-shopcar-m p:first-child{
		margin-bottom: 20px;
	}
	
	/* 右侧跟随导航部分 */
	.right-float-main{
	    width: 80px;
	    background: #fff;
	    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 7%);
	    border-radius: 10px;
	    position: fixed;
	    right: 16px;
	    bottom: 30px;
	    z-index: 500;
	    padding-top: 8px;
		}
		.right-float-main-hungbar-content{
			width: 80px;
			    padding-bottom: 20px;
		}
		.right-float-main-hungbar-content-common a{
			    padding-top: 12px;
			    width: 80px;
			    height: 56px;
			    position: relative;
		}
		.right-float-main-hungbar-content-common-cart span{
			    position: absolute;
			    background: #ca141d;
			    color: #fff;
			    height: 18px;
			    min-width: 14px;
			    padding: 0 2px;
			    border-radius: 10px;
			    text-align: center;
			    line-height: 18px;
			    left: 40px;
			    font-size: 12px;
			    top: 12px;
		}
		.right-float-main-hungbar-content-common i{
			    color: #999;
			    display: block;
			    line-height: 16px;
			    text-align: center;
			    font-style: normal;
		}
		.right-float-main-hungbar-content-common a:before
		{
				content: "";
			    display: block;
			    margin: 0 auto;
			    width: 40px;
			    height: 40px;
			    position: relative;
			    background-image: url(../../img/header_img/icon-common.png);
				background-repeat: no-repeat;
		}
		
		.right-float-main-hungbar-content-common-cart:before{
			background-position: 0 -32px;
		}
		.right-float-main-hungbar-content-common-service:before{
			background-position: -40px -32px;
		}
		.right-float-main-hungbar-content-common-feedback:before{
			background-position: -80px -32px;
		}
		.right-float-main-hungbar-content-common-top:before{
			background-position: -120px -32px;
		}
		
		.right-float-main-hungbar-content-common :hover i{
			color: #ca141d;
		}
		.right-float-main-hungbar-content-common-cart:hover:before{
			background-position: 0 -72px;
		}
		.right-float-main-hungbar-content-common-service:hover:before{
			background-position: -40px -72px;
		}
		.right-float-main-hungbar-content-common-feedback:hover:before{
			background-position: -80px -72px;
		}
		.right-float-main-hungbar-content-common-top:hover:before{
			background-position: -120px -72px;
		}
		.right-float-main-hungbar-content-common-top {
			display:none;
			opacity: 0;
		}
		/* 跳楼层部分 */
		.right-float-main-floor{
			display: none;
		}
		.right-float-main-floor-c{
			padding-top: 5px;
		}
		.right-float-main-floor-c-list li{
			text-align: center;
			    line-height: 16px;
			    position: relative;
			    display: block;
			    padding: 10px 8px;
				cursor: pointer;
		}
		.right-float-main-floor-c-list li:hover div{
			color:#d20a2c;
		}
		.right-float-main-floor-c-list li>div {
		    color: #999;
		    position: relative;
			font-size: 12px;
		}
		.right-float-main-floor-redline{
		
		    position: absolute;
		    width: 2px;
		    background: #cb242b;
		    height: 0;
		    top: 0;
		    right: -8px;
		}
	